<div class='course-list' ng-controller='CourseFree'>
    <div class='goods am-g am-g-collapse' ng-repeat='course in courses'>
        <div class='am-u-sm-4 banner' ng-click='detail(course.id)'>
            <img ng-src='{{course.banner}}'>
            <div class='tag'>
                <img src='../image/tag/hot.png' ng-if='course.tag == 1'>
                <img src='../image/tag/new.png' ng-if='course.tag == 2'>
            </div>
        </div>
        <div class='am-u-sm-7 info' ng-click='detail(course.id)'>
            <div class='name'>{{course.name}}</div>
            <div class='intro font-info'>
                <img class='icon' src='../image/icon/user.png' align="absmiddle">
                {{course.teacher_name}} 共{{course.chapter_count}}章节
            </div>
            <div class='buy-count font-info'>
                <span ng-if='course.price == 0'>{{course.buy_count}}人已体验</span>
                <span ng-if='course.price != 0'>{{course.buy_count}}人已购买</span>
            </div>
            <div class='price-money font-info'>
                <img class='icon' src='../image/icon/money.png' align="absmiddle">{{course.price}}
            </div>
        </div>

        <button class='button btn-try' ng-click='listen(course.id, course.play_type)' ng-if='course.price > 0'>
            免费试听
        </button>
        <button class='button btn-buy' ng-click='listen(course.id, course.play_type)' ng-if='course.price == 0'>
            免费体验
        </button>
    </div>
    <div class='load-more-a' ng-click='load_data()'>加载更多</div>
</div>